@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,400;0,700;1,400;1,700&family=Roboto:ital,wght@0,400;0,700;1,400;1,700&display=swap');

:root {
  --ifm-font-family-base: Roboto, system-ui, -apple-system, Segoe UI, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  --ifm-font-family-monospace: 'Roboto Mono', SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;

  --ifm-color-primary: #43ABA2 ;
  --ifm-color-primary-dark: #3AB2A6;
  --ifm-color-primary-darker: #32B8AB;
  --ifm-color-primary-darkest: #29BEB0;
  --ifm-color-primary-light: #4CA59D;
  --ifm-color-primary-lighter: #559F98;
  --ifm-color-primary-lightest: #5D9993;
  --ifm-code-font-size: 95%;
  --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);

  --ifm-navbar-link-color: #fffdf9;
  --ifm-navbar-link-hover-color: #43aba2;
}
.menu__link--sublist.menu__link--active,
.menu__link--sublist.menu__link--active:hover {
  background-color: #43aba2 !important;
}

[data-theme='light'] {
  --ifm-background-color: #fffdf9;
  --ifm-background-surface-color: #2b2d31;
  --ifm-color-primary: #43aba2;
  --ifm-dropdown-link-color: #fffdf9;
  --ifm-link-color: #43aba2;
  --ifm-breadcrumb-color-active: #2b2d31;
}

.menu, .navbar, .navbar-sidebar {
  --ifm-menu-color-background-active: #43aba2;
  --ifm-menu-color-active: #fffdf9;
}
.navbar, .navbar-sidebar {
  --ifm-menu-color: #fffdf9;
}
.navbar-sidebar__back {
  color: #fffdf9;
}

[data-theme='light'] svg[class*="lightToggleIcon"],
[data-theme='light'] .navbar__toggle {
  color: #fffdf9 !important;
}

[data-theme='light'] div[class*="codeBlockTitle"],
[data-theme='light'] code[class*="codeBlockLines"] {
  background-color: #f7f5f1 !important;
}

[data-theme='dark'], .footer--dark {
  --ifm-background-color: #242526 !important;
  --ifm-background-surface-color: #2b2d31 !important;
  --ifm-footer-background-color: #2b2d31 !important;
  --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
}

.code-block--max-width {
  width: 100%;
}

#carbonads {
  margin-top: 30px;
  margin-right: 10px;
}

.gold-sponsors {
  display: flex;
  justify-content: center;
}

.gold-sponsors table img {
  width: 200px;
}

.menu__list-item:has(.header-icon-link) {
  float: left;
}

.menu__list-item:has(.header-icon-link) .header-icon-link {
  margin-top: 10px;
}

.header-icon-link::before {
  content: '';
  width: 24px;
  height: 24px;
  display: flex;
  background-color: var(--ifm-navbar-link-color);
  transition: background-color var(--ifm-transition-fast)
    var(--ifm-transition-timing-default);
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
}

.header-icon-link:hover::before {
  background-color: var(--ifm-navbar-link-hover-color);
}

.icon-github::before {
  mask-image: url('/img/icon-github.svg');
}

.icon-discord::before {
  mask-image: url('/img/icon-discord.svg');
}

.icon-mastodon::before {
  mask-image: url('/img/icon-mastodon.svg');
}

.icon-twitter::before {
  mask-image: url('/img/icon-twitter.svg');
}
